﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Work Item</title>
<!--    <link rel="stylesheet" href="favicon.ico">-->
    <link rel="stylesheet" href="css/site.css">
    <link rel="stylesheet" href="css/portfolio.css">
    <link rel="stylesheet" href="css/workitem.css">

    <script src="js/app.js" defer></script>
    <script></script>
</head>
<body>

<header>
    <nav>
        <ul>
            <li><a href="index.html">Home</a></li>
            <li><a href="portfolio.html">Portfolio</a></li>
            <li class="work-item-nav"><a  href="workitem.html?item=1">Item #1</a></li>
            <li class="work-item-nav"><a href="workitem.html?item=2">Item #2</a></li>
            <li class="work-item-nav"><a href="workitem.html?item=3">Item #3</a></li>
        </ul>
    </nav>
</header>

<main>
    <h2 id="work-item-header">0.1 Kids sports website</h2>
    <img id="work-item-image" src="img/gallery-big-1.jpg" alt="">
    <div id="project-text" class="work-item-text">
        <h3>The Project</h3>
        <ul>
            <p>
                where are you from?This is website.It is very good place for kids.There are a lot of interesting things.You can play,read,ride a bike and so on.
            </p>

        </ul>
    </div>

    <div id="technologies-text" class="work-item-text">
        <h3>The Technologies</h3>
        <ul>
            <li>HTML</li>
            <li>CSS</li>
            <li>JavaScript</li>
            <li>C#</li>
        </ul>
    </div>

    <div id="challenges-text" class="work-item-text">
        <h3>The Challenges</h3>
        <p>
            where are you from?This is website.It is very good place for kids.There are a lot of interesting things.You can play,read,ride a bike and so on.
        </p>
    </div>
    
</main>

<footer>
    &copy; <span id="copyrightYear">2027 </span> by Ally Moriarty!
</footer>
<script src="js/app.js"></script>
<script>
    app.workItem();
</script>
</body>
</html>